// pages/pfep/MaintenanceTemplate/Template1/Template1.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
      popup_show1: false,
      popup_show2: false,
      popup_show3: false,
      mainActiveIndex1: 0,
      activeId1: null,
      options1:["电机类"],
      items1: [
        {
          // 导航名称
          text: '所有城市',
          // 禁用选项
          disabled: false,
  
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: '温州',
              // id，作为匹配选中状态的标识
              id: 1,
              // 禁用选项
              disabled: false,
            },
            {
              text: '杭州',
              id: 2,
            },
          ],
        },
        {
          // 导航名称
          text: '城市',
          // 禁用选项
          disabled: false,
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: '州',
              // id，作为匹配选中状态的标识
              id: 11,
              // 禁用选项
              disabled: false,
            },
            {
              text: '杭',
              id: 22,
            },
          ],
        },
  
      ],
      mainActiveIndex2: 0,
      activeId2: null,
      items2: [
        {
          // 导航名称
          text: '所有城市',
  
          // 禁用选项
          disabled: false,
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: '111',
              // id，作为匹配选中状态的标识
              id: 1,
              // 禁用选项
              disabled: false,
            },
            {
              text: '222',
              id: 2,
            },
          ],
        },
        {
          // 导航名称
          text: '城市',
          // 禁用选项
          disabled: false,
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: 'aaa',
              // id，作为匹配选中状态的标识
              id: 1,
              // 禁用选项
              disabled: false,
            },
            {
              text: 'bbb',
              id: 2,
            },
          ],
        },
  
      ],
      show1: false,
      show2: false,
      show3: false,
  
    },
    // 容器名称选择
    onClickNav({ detail = {} }) {
      this.setData({
        mainActiveIndex1: detail.index || 0,
      });
    },
  
    onClickItem({ detail = {} }) {
      const activeId = this.data.activeId1 === detail.id ? null : detail.id;
  
      console.log(activeId);
      this.setData({
        activeId1: activeId
      });
  
  
    },
    // 点击容器名称选取输入框
    onClick1(event) {
      // event.detail 为当前输入的值
      // console.log(event.detail);
      this.setData({
        popup_show1: true
      })
    },
    // 选择容器名称选取输入框关闭
    onClose1() {
      this.setData({ popup_show1: false });
    },
    // 点击辅材名称选取输入框
    onClick2(event) {
      // event.detail 为当前输入的值
      // console.log(event.detail);
      this.setData({
        popup_show2: true
      })
    },
    // 选择辅材名称选取输入框关闭
    onClose2() {
      this.setData({ popup_show2: false });
    },
    // 辅材名称选择
    onClickNav2({ detail = {} }) {
      this.setData({
        mainActiveIndex2: detail.index || 0,
      });
    },
  
    onClickItem2({ detail = {} }) {
      const activeId = this.data.activeId2 === detail.id ? null : detail.id;
      console.log(activeId);
      this.setData({
        activeId2: activeId
      });
    },
  
    // 显示示例按钮
    showExample1() {
      this.setData({ show1: true });
    },
    // 显示示例按钮
    showExample2() {
      this.setData({ show2: true });
    },
  
    // 显示示例按钮
    showExample3() {
      this.setData({ show3: true });
    },
    // 点击物料组选取输入框
    onClick3(event) {
      // event.detail 为当前输入的值
      // console.log(event.detail);
      this.setData({
        popup_show3: true
      })
    },
    // 选择物料组选取输入框关闭
    onClose3() {
      this.setData({ popup_show3: false });
    },
    onChange1(e){
      console.log(e.detail.value);
      this.setData({ popup_show3: false });
  
    },
  
  
  
  
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
  
    },
  
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
  
    },
  
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
  
    },
  
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {
  
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {
  
    },
  
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
  
    },
  
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
  
    },
  
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {
  
    }
  })